<template>
  <div>
    <div class="custom-navbarbx">
      <div class="custom-navbar">
        <div class="custom-navbar-content">
          <h2>{{ title }}</h2>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
const route = useRoute();
let title = route.query.title || route.query.dateTitle || route.query.classifyname;


</script>

<style scoped lang="scss">
.custom-navbarbx {
  height: auto;
  min-height: unset;
  color: #ffffff;
  background-position: center center;
  background-size: cover;
  background-image: url(https://www.wzxfpx.com/wp-content/uploads/2023/05/aerial-background.jpg);
  background-attachment: scroll;
  background-repeat: no-repeat;
  padding: 70px 0;

  .custom-navbar {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    .custom-navbar-content {
      text-align: center;
      h2 {
        font-size: 42px;
        margin: 0;
        font-family: Open Sans;
        font-weight: 300;
      }
    }
  }
}
</style>
